body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #505050;;
	font-size: 18px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#wrapper {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
/* grouped selectors */
h1, h2, h3, h4, h5, h6 {
	color:#FF6103;
}
header {
	background-color: #505050;
	padding: 1px 20px; /* top & bottom, left & right */
	border-top: 10px solid #FF6103;
}
nav {
	padding-top:20px;
}
/* main menu */
nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
nav ul li {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
nav ul li a {
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	text-transform: uppercase;	
	background-color:#B6DAF4;
	padding:8px;
}
nav ul li a:hover {
	background-color:#70B6E9;
}
/* end of main menu */

article {
	line-height: 26px;
	text-align: justify;
	clear:both; /* clears float in main menu */
	padding-top:20px;
}
footer {
	font-size: 14px;
	background-color: #B6DAF4;
	border-bottom: 10px solid #505050;
}
footer ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
footer ul li {
	float:left;
	margin:10px;
}
/***********************************************
ul:after will clear any floats caused by menus.
Use instead of clear:both; for article 
************************************************/
ul:after {
	content: "";
	clear:both;
	display:block;
}
.text-1 {
	color: #000000;
}
img {
	max-width:100%;
	height:auto;
}